<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../easyUI/themes/default/easyui.css">
		<link rel="stylesheet" type="text/css" href="../easyUI/themes/icon.css">
		<script type="text/javascript" src="../easyUI/jquery.min.js"></script>
		<script type="text/javascript" src="../easyUI/jquery.easyui.min.js"></script>
		<script type="text/javascript" src="../addressIP.js"></script>
		<script type="text/javascript">
			$(function() {
				$('#tabs').tabs({
					fit: true,
					border: false,
				});
				//在右边center区域打开菜单，新增tab  
				function Open(text, url, icon) {
					if ($("#tabs").tabs('exists', text)) {
						$('#tabs').tabs('select', text);
					} else {
						$('#tabs').tabs('add', {
							title: text,
							closable: true,
							content: url,
						});
					}
				}
				$('#menu_tree').tree({
					data: [{
						text: "导航菜单",
						"children": [{
							"text": "管理界面",
							"children": [{
									"text": "学生账号管理",
									attributes: {
										url: '<iframe width="100%" height="100%" marginheight="0px" marginwidth="0px" scrolling="auto" frameborder="0" src="user_manage.html"></iframe>'
									}
								},
								{
									"text": "实验室负责人",
									attributes: {
										url: '<iframe width="100%" height="100%" frameborder="0"  src="teacher.html" style="width:100%;height:100%;margin:0px 0px;"></iframe>'
									}
								},
								{
									"text": "电脑管理",
									attributes: {
										url: '<iframe width="100%" height="100%" frameborder="0"  src="computer_manage.html" style="width:100%;height:100%;margin:0px 0px;"></iframe>'
									}
								}, {
									"text": "实验室管理",
									attributes: {
										url: '<iframe width="100%" height="100%" frameborder="0"  src="Lab_manage.html" style="width:100%;height:100%;margin:0px 0px;"></iframe>'
									}
								}
							]
						}, {
							"text": "记录查询",
							"children": [{
								"text": "使用记录",
								attributes: {
									url: '<iframe width="100%" height="100%" frameborder="0"  src="Usage_record.html" style="width:100%;height:100%;margin:0px 0px;"></iframe>'
								}
							}, {
								"text": "申请记录",
								attributes: {
									url: '<iframe width="100%" height="100%" frameborder="0"  src="application_record.html" style="width:100%;height:100%;margin:0px 0px;"></iframe>'
								}
							}]
						},{
							"text": "数据统计",
							"children": [
							{
								"text": "个人数据展示",
								attributes: {
									url: '<iframe width="100%" height="100%" frameborder="0"  src="person_charts.html" style="width:100%;height:100%;margin:0px 0px;"></iframe>'
								}
							}]
						}
						]
					}],
					lines: true,
					onClick: function(node) {
						if (node.attributes) {
							Open(node.text, node.attributes.url, node.iconCls);
						}
					}

				});
			});
		</script>
	</head>
	<body class="easyui-layout">

		<div data-options="region:'north'" style="height:35px">
			<div style="float: left;">
				<!--<p><b>菏泽学院计算机学院</b></p>-->
			</div>
            <div style="float: right; margin-top: 3px;"><a href="javascript:void(0)" class="easyui-linkbutton" onclick="tuichu()">退出登录</a></div>
            <div style="float: right; margin-top: 3px;"><a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#upload').dialog('open')">版本管理</a></div>
            <script type="application/javascript">
                function tuichu() {
                    localStorage.clear();
                    location.href = "index.html";
                }
            </script>
            <script type="application/javascript">
				$('#upload').dialog('open');
			</script>
		</div>
		<div data-options="region:'west'" title="菜单" style="width:12%;">
			<ul id="menu_tree"></ul>
		</div>


		<div data-options="region:'center'" style="padding: 0px;background: #eee; overflow: hidden;">
			<div id="tabs" class="easyui-tabs" data-options="fit:true">
				<div title="首页" style="padding:20px;">

					<div id="upload" class="easyui-dialog" title="版本信息" style="width:400px;height:200px;" data-options="iconCls:'icon-save',resizable:true,modal:true,closed:true,buttons:[{
						text:'发布新版本',
						handler:function(){
							$('#dlg2').dialog('open');
							$('#upload').dialog('close');
						}
					}]">
						<b>注意事项：</b><br />
						<span>此按钮为发布新版本，新版本发布后旧版本将不在提供下载功能，发布前请确认是否发布新版本。版本发布时需再次输入身份信息以进行验证！</span>
					</div>
					<div id="dlg2" class="easyui-dialog" title="发布新版本" data-options="iconCls:'icon-save',resizable:true,modal:true,closed:true"
					 style="width:370px;height:250px;padding:10px">
						<div align="center">
							<h3 style="width: 100%;">请再次输入账户及密码以确保安全</h3>
						</div>
						<form id="upd" action="" enctype="multipart/form-data">
							选择文件：<input type="file" name="file"><br>
							输入账号：<input type="text" name="account"><br>
							输入密码：<input type="text" name="password"><br>
							版本编号：<input type="text" name="versionName"><br>
							版本信息：<input type="text" name="discription"><br>
							<input  type="submit" value="立即发布" formmethod="post" >
						</form>
					</div>
					<div align="center">
						<h2>实验室管理系统</h2>
						<h3>使用说明书</h3>
					</div>
					<div>
						<h3>一 : 管理员主要功能由用户管理，电脑管理，实验室管理，使用记录，申请记录管理三部分组成。</h3>
						<img src="../img/menu.png" width="130px" height="200px" />
					</div>
					<div>
						<h3>二 : 用户管理</h3>
						<p>向管理员用户展示了已经注册的用户信息，同时支持条件查找，模糊查询等操作在上方的检索条中输入模糊查询的信息，或者选择检索条件。下方都会实时显示出服务条件的用户。</p>
						<img src="../img/yonghu.png" width="833px" height="413px" />
						<ol>
							<li>当前页面可以显示的数据行数</li>
							<li>跳转到首页面</li>
							<li>向上翻页</li>
							<li>页码</li>
							<li>刷新当前页面</li>
							<li>导出Excel格式的数据</li>
							<ul>
								<li>选中需要修改的数据</li>
								<li>点击按钮</li>
								<img src="../img/exportExcel.png" width="290px" height="171px">
							</ul>
							<li>批量注册用户
								<ul>
									<li>点击按钮</li>
									<li>下载模板</li>
									<img src="../img/piliangzhuce.png" width="298px" height="210px" />
									<li>在模板写入数据</li>
									<li>点击选择文件</li>
									<li>导入数据</li>
								</ul>
							</li>
							<li>修改用户信息
								<ul>
									<li>选择单行数据</li>
									<li>确定</li>
									<li>修改数据</li>
									<img src="../img/xiugaiyonghu.png" width="295px" height="218px" />
								</ul>
							</li>
							<li>取消</li>
							<li>模糊查询</li>
						</ol>
						<ul>
							<li>注：表格模板</li>
							<ol>
								<img src="../img/Excel.png" width="400px" height="216px" />
								<li>account: 账号</li>
								<li>name: 用户名</li>
								<li>className: 班级名称</li>
								<li>teleNumber: 电话号码</li>

							</ol>
						</ul>
					</div>
					<div>
						<h3>三 : 电脑管理</h3>
						<p>向管理员展示了电脑的信息，所属实验室，使用状态以及信息，使管理员可以更好的统筹协调</p>
						<img src="../img/computer.png" width="845px" height="413px" />
					</div>
					<div>
						<h3>四 : 实验室管理</h3>
						<p>实验室管理界面向管理员用户展示当前在本系统中注册的实验室信息</p>
						<img src="../img/lab.png" width="845px" height="413px" />
					</div>
					<div>
						<h3>五 : 使用记录</h3>
						<p>本系统为了保证数据库中使用记录的真实性，未向用户提供手动添加使用记录的功能，防止恶意修改用户记录故意破坏证据等事件发生。</p>
						<img src="../img/usage.png" width="845px" height="413px" />
					</div>
					<div>
						<h3>六 : 申请记录</h3>
						<p>展示了实验室的申请记录，学生详细信息，申请理由，以及审核结果</p>
						<img src="../img/apply.png" width="845px" height="413px" />
					</div>


				</div>
			</div>
		</div>
	</body>
	<script>
		$(function(){
			var surl = addressip+"/uploadApk";
			document.getElementById("upd").action=surl;
		});
	</script>
</html>
